@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
body { font-size: 14px; font-family: "Microsoft YaHei", sans-serif; background: url(../images/bg.png) top repeat-x #64bcff; color: #444444; }

a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
@font-face {font-family: "iconfontb";
  src: url('../fontb/iconfontb.eot'); /* IE9*/
  src: url('../fontb/iconfontb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fontb/iconfontb.woff') format('woff'), /* chrome、firefox */
  url('../fontb/iconfontb.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fontb/iconfontb.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfontb {
  font-family:"iconfontb" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.fenxiaodaonoindex .icon-twitter:before { content: "\e600";}
.fenxiaodaonoindex .icon-weixin:before { content: "\e601"; }
.fenxiaodaonoindex .icon-renrenwang:before { content: "\e602"; }
.fenxiaodaonoindex .icon-socialfacebooksquare:before { content: "\e603"; }
.fenxiaodaonoindex .icon-tengxunweibo:before { content: "\e604"; }
.fenxiaodaonoindex .icon-xinlangweibo:before { content: "\e605"; }
.fenxiaodaonoindex .icon-QQkongjian:before { content: "\e606"; }
.fenxiaodaonoindex .icon-twitter1:before { content: "\e607"; }
.fenxiaodaonoindex .icon-qq:before { content: "\e608"; }
.fenxiaodaonoindex .icon-facebook:before { content: "\e609"; }
.fenxiaodaonoindex .icon-dianhua:before { content: "\e60a"; }
.fenxiaodaonoindex .icon-qqkongjian:before { content: "\e60b"; }
.fenxiaodaonoindex .icon-douban:before { content: "\e60c"; }
.fenxiaodaonoindex .icon-gengduo:before { content: "\e60d"; }
.fenxiaodaonoindex .icon-gongnengyewangyiweibofanshe:before { content: "\e60e"; }
.fenxiaodaonoindex .icon-88:before { content: "\e60f"; }
.fenxiaodaonoindex .icon-89:before { content: "\e610"; }
.fenxiaodaonoindex .icon-90:before { content: "\e611"; }
.fenxiaodaonoindex .icon-douban1:before { content: "\e612"; }
.fenxiaodaonoindex .icon-dayin:before { content: "\e613"; }
#fenxianganniu{z-index:9999}
.fenxianganniu ul{-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;margin:0; padding:0;}
.fenxianganniu ul li a{ cursor:pointer; color:#fff;  text-decoration:none;}
.fenxianganniu ul li a i{font-size:26px;width:46px; height:46px; text-align:center; line-height:46px; display:block;font-family: "iconfontb";}
.fenxianganniu ul li .bashare_fenxiang_a{ display:block; overflow:hidden;}
.fenxianganniu ul li .bashare_fenxiang_div{ position:relative;}
.fenxianganniu ul li .bashare_fenxiang_div .bds_more{ position:absolute; top:12px; left:10px;display:block; width:40px; height:40px; padding:0px; }
.fenxianganniu ul li a:hover{ opacity:1;}
.fenxianganniu ul li{ transition:.5s background-color;-webkit-transition:.5s background-color;-moz-transition:.5s background-color;-ms-transition:.5s background-color;-o-transition:.5s background-color;}
.fenxianganniu ul li:hover{ background-color:#0083B7;}

/*bottom 的时候*/
.fenxianganniubottom{ width:100%; text-align:center; background-color:#64BCFF; }
.fenxianganniubottom ul li{ display:inline-block; vertical-align:middle; position: relative; width:46px; height:46px;}
.fenxianganniubottom ul li a{position: absolute; left:0px; top:0px; width:46px; height:46px; display:inline-block; margin:0px; padding:0px;}
.fenxianganniubottom ul li a font{ position:absolute; left:0px; bottom:40px; border:1px solid #ccc; border-radius:3px; box-shadow:0px 0px 4px #ccc; background-color:#fff; padding:5px; display: none; overflow: hidden; -moz-transition:.5s all;-ms-transition:.5s all;-o-transition:.5s all;-webkit-transition:.5s all; transition:.5s all;}
.fenxianganniubottom ul li a font span{ color:#666;}
.fenxianganniubottom ul li a font img{ border:4px solid #00A0DB;}
.fenxianganniubottom ul li:hover a font{ display:block;}
/*right 的时候*/
.fenxianganniuright{ width:46px; position:fixed; right:0px;}
.fenxianganniuright li{ position:relative; display:block;z-index:99;width:10000%; background-color:#00A0DB; height:46px;}
.fenxianganniuright li a{display:block; z-index:99; position:absolute; top:0px; left:0px;}
.fenxianganniuright li a:nth-child(2){ width:40px; height:46px;}
.fenxianganniuright li a i{ position:absolute; top:0px; left:0px;}
.fenxianganniuright li a font{display:block; position:absolute; top:0px; left:46px; line-height:46px; font-size:24px;z-index:99999999;}
.fenxianganniuright li a font img{ z-index:99999999;border:4px solid #00A0DB;}
.fenxianganniuright .bashare_fenxiang_ali i{ left:-20px;}
.fenxianganniuright ul li .bashare_fenxiang_div .bds_more{ left:-20px;}
.fenxianganniuright .bashare_fenxiang_a{ width:40px; height:46px;}
.fenxianganniuright ul li .bashare_fenxiang_div .bds_more{ position:absolute; top:12px; left:-10px;display:block; width:40px; height:40px; padding:0px; }

/*left 的时候*/
.fenxianganniuleft{ width:46px; position:fixed; left:0px;}
.fenxianganniuleft li{ position:relative;display:block;z-index:99;width:1000%; left:-900%;  background-color:#00A0DB; height:46px;}
.fenxianganniuleft li a{display:block; z-index:99; height:46px;}
.fenxianganniuleft li a:nth-child(2){ width:40px; height:46px; position:absolute; top:0px; right:0px;}

.fenxianganniuleft li a i{ float:right;}
.fenxianganniuleft li a font{display:block; float:right; line-height:46px; font-size:24px;z-index:99999999;}
.fenxianganniuleft li a font img{ z-index:99999999;border:4px solid #00A0DB;}
.fenxianganniuleft li a .bashare_fenxiang_div{ position:absolute; right:0px;}
.fenxianganniuleft ul li .bashare_fenxiang_div .bds_more{ position:absolute; top:12px; left:10px;display:block; width:40px; height:40px; padding:0px; }

/*差号 关闭按钮*/
#iconandiv{ width:46px; cursor:pointer; padding:8px 10px;  height:36px; position:absolute; top:-36px; text-align:center;  border-radius:3px;background-color:#0083B7; }
#iconandiv span:nth-child(2){ opacity:1;}
#iconandiv span{ display:block; height:2px; background-color:#fff;-moz-transition:.2s all;-ms-transition:.2s all;-o-transition:.2s all;-webkit-transition:.2s all;transition:.2s all; margin:4px auto;}
#iconandiv.iconandivclass span:nth-child(1){-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg); position:relative; top:6px;}
#iconandiv.iconandivclass span:nth-child(2){ opacity:0;}
#iconandiv.iconandivclass span:nth-child(3){ -moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position:relative; bottom:6px;}
#iconandiv.iconandivclass{ border-radius:0px;}
/*详情页面分享*/
.fenxiaodaonoindex ul{-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;}
.fenxiaodaonoindex ul li.fxd{ width:auto;}
.fenxiaodaonoindex{ width:100%; padding:20px 0px;text-align:left;}
.fenxiaodaonoindex ul li{ display:inline-block; position:relative; width:30px; height:30px; vertical-align:middle;background:none;}
.fenxiaodaonoindex ul li a{ font-size:30px; position:absolute; top:0px; left:0px; width:100%; height:100%; color:#ADADAD; text-decoration:none; cursor:pointer; -moz-transition:.5s all; -ms-transition:.5s all;-o-transition:.5s all;-webkit-transition:.5s all; transition:.5s all;}
.fenxiaodaonoindex ul li a i{ font-style:normal; position:absolute; top:0px; left:0px;width:100%; height:100%;padding:0; margin:0;}
.fenxiaodaonoindex ul li .icon-gengduo{ position:relative;}
.fenxiaodaonoindex ul li .icon-gengduo .bashare_fenxiang_divgengduo{ position:absolute; left:0px; top:0px; height:100%; width:100%;}
.fenxiaodaonoindex ul li .icon-gengduo .bashare_fenxiang_divgengduo span{height:100%; width:100%;}
.fenxiaodaonoindex ul li:nth-child(2):hover a{ color:#DE675B;}
.fenxiaodaonoindex ul li:nth-child(3):hover a{ color:#518AF3;}
.fenxiaodaonoindex ul li:nth-child(4):hover a{ color:#57AB63;}
.fenxiaodaonoindex ul li:nth-child(5):hover a{ color:#4FC6F7;}
.fenxiaodaonoindex ul li:nth-child(6):hover a{ color:#63BF5C;}
.fenxiaodaonoindex ul li:nth-child(7):hover a{ color:#67A8EF;}
.fenxiaodaonoindex ul li span{ font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.fenxiaodaonoindex ul li a{ display:inline; padding:0;}
@media(min-width:1200px){
.fenxiaodaonoindex ul li a{ font-size:30px; }
    }
@media(max-width:1200px){
.fenxiaodaonoindex ul li a{ font-size:30px; }
    }
@media(max-width:920px){
	.fenxiaodaonoindex ul li{ width:25px; height:25px;}
.fenxiaodaonoindex ul li a{ font-size:25px; }
.fenxiaodaonoindex ul li{ margin:0px 2px;}
.fenxiaodaonoindex ul li span{ font-size:12px;}
    }
@media(max-width:674px){
.fenxiaodaonoindex ul{ text-align:left;}
.fenxiaodaonoindex ul li a{ font-size:25px; }
.fenxiaodaonoindex ul li{ margin:0px 2px;}
.fenxiaodaonoindex ul li.fxd{ font-size:12px; display:block; line-height:30px;}
    }
@media(max-width:400px){
	.fenxianganniubottom ul li{ margin:0px -5px;}
	.fenxiaodaonoindex ul li{ width:25px; height:25px;}
	.fenxiaodaonoindex ul li.fxd span{ line-height:0px; margin-bottom:20px;display:block;}

	}


/*转化组件样式代码*/
.fcall{display:block;background:#00A0DB;height:49px;margin-top:15px;text-align: center; padding:0px; width:100%; position:fixed; bottom:0; left:0px; z-index:9999999999; overflow:hidden;}
.bottomqq  .bottom1 {margin: 0 auto; max-width:1003px;margin:auto;/*overflow-x:hidden;overflow-y:auto;*/ height:70px;overflow:hidden;}
.bottomqq  .bottom1 a {	float:left;	width:25%;text-align:center;line-height:20px;color:#fff;height:44px;padding:5px 0px;font-size:12px; overflow:hidden;}
.bottomqq  .bottom1 a img {margin:0; vertical-align:inherit; position:relative; top:5px;}
.bottomqq  .bottom1 a.xianqd {border:0px;}
.bottomqq{overflow:hidden; }
.footheitop{ clear:both; float:none;}
.fenxiangweixinerweim img{max-width: 200px;}

@font-face { font-family: "iconfont"; src: url("../fonts/iconfont.eot"); src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#uxiconfont") format("svg"); }
.list-no-style { list-style: none; padding: 0; }

.table { display: table; }

.table-cell { display: table-cell; vertical-align: top; }

.icon { font-family: "iconfont"; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.space20 { height: 20px; }

.space10 { height: 10px; }

.main-box { background: white; width: 1200px; padding-left: 30px; padding-right: 30px; }

.name1 { text-align: center; margin-top: 28px; }

.info { text-align: center; font-size: 18px; }
.info span { margin-left: 8px; display: inline-block; }
.info strong { color: #dc1e27; font-size: 24px; }
.info .icon { font-size: 24px; margin-right: 3px; }

// .name1 img, .name2 img { width: 100%; }

.name1 img { max-width: 640px; }

.name2 img { max-width: 329px; }

.choose { text-align: right; padding: 0 4px; }
.choose input { vertical-align: top; }
.choose label { font-weight: normal; cursor: pointer; margin-left: 8px; }

.search { margin-top: 40px; }

.main-contain { position: relative; }

/* navbar-style */
.navbar-style { font-size: 20px; background-color: #00a0db; border-color: #00779f; min-height: 40px; }
.navbar-style .navbar-toggle { color: #daf5ff; margin-right: 8px; padding: 9px 12px; }
.navbar-style .navbar-toggle:hover, .navbar-style .navbar-toggle:focus { color: white; background-color: #00779f; outline: none; }
.navbar-style .navbar-toggle .icon { font-size: 17px; }
.navbar-style .navbar-brand { color: #daf5ff; line-height: 31px; }
.navbar-style .navbar-brand:hover, .navbar-style .navbar-brand:focus { color: white; }
.navbar-style .navbar-nav > li > a { color: #daf5ff; padding-left: 28px; padding-right: 28px; }
.navbar-style .navbar-nav > li > a:hover, .navbar-style .navbar-nav > li > a:focus { color: white; background-color: #00779f; }
.navbar-style .navbar-nav > .active > a, .navbar-style .navbar-nav > .active > a:hover, .navbar-style .navbar-nav > .active > a:focus { color: white; background-color: #00779f; }

.banner { margin-bottom: 20px; }
.banner img { width: 100%; }

.plus:before { content: "\f0154"; }

.minus:before { content: "\f0153"; }

.heading { background: #f4f4f4; border: 1px solid #e2e2e2; padding: 10px; }
.heading h3 { margin: 0; color: #dc1e27; font-size: 24px; }
.heading h3 small { color: #999999; font-size: 75%; }

.box-left { padding: 6px; border: 1px solid #e2e2e2; margin-top: -1px; }
.box-left img { width: 100%; }
.box-left table { width: 100%; }
.box-left table td { border: 1px solid #e2e2e2; }
.box-left table p { margin: 0; text-align: center; padding: 5px; }
.box-left table .t2 { color: #dc1e27; font-size: 18px; }
.box-left .contact-info { margin: 5px; color: #666666; font-size: 16px; }

.menu { margin-bottom: 2px; }
.menu .disabled { color: #cccccc; }
.menu a { color: #666666; text-decoration: none; }
.menu a:hover { color: #dc1e27; }
.menu .menu-heading { background: #f8f8f8; padding: 10px; font-size: 18px; line-height: 18px; }
.menu .menu-heading .icon { font-size: 16px; }

.list { padding: 0 5px; }
.list li { padding: 7px 15px; font-size: 12px; border-bottom: 1px dotted #e2e2e2; }
.list li:last-child { border-bottom: 0; }

.news li { padding: 8px 5px; font-size: 14px; }
.news .date { float: right; color: #999999; font-size: 12px; }

.heading2 h2 { margin: 0; color: #dc1e27; font-size: 30px; }
.heading2 h2 small { color: #999999; font-size: 75%; display: inline-block; }
.heading2 .more { text-decoration: none; font-size: 14px; float: right; margin-top: 18px; }

.line { height: 3px; border: 1px dotted #dddddd; margin: 8px 0 15px; }

.right-box .about { margin-left: 15px; margin-right: 15px; font-size: 14px; line-height: 160%; }
.right-box .about p { margin: 0; }
.right-box .about span { font-size: 16px; }

.product-content { position: relative; }
.product-content img { width: 100%; }
.product-content .product-block { position: relative; margin-bottom: 15px; border: 1px solid #999999; }
.product-content .product-block .tit { position: absolute; text-align: center; width: 100%; bottom: 0; left: 0; }
.product-content .product-block .tit a { color: white; background: black; padding: 10px; margin: -1px; display: block; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.product-content .product-block .tit a:hover { padding: 15px 10px; }
.product-content img { width: 100%; }

.carousel-controls { position: absolute; right: 0; top: -60px; }
.carousel-controls .carousel-control { display: block; height: 33px; width: 33px; background: #bbbbbb; line-height: 33px; text-align: center; color: white; text-decoration: none; float: left; margin: 1px; font-size: 21px; }
.carousel-controls .carousel-control:hover { background: #888888; }

.qr-code { border: 1px solid #dc1e27; margin-top: 10px; }
.qr-code img { width: 100%; }

.position { background: #f8f8f8; border: 1px solid #e2e2e2; padding: 8px 12px; font-size: 16px; margin-bottom: 15px; }

footer { background: #f8f8f8; color: #aaaaaa; margin: 0 -30px; text-align: center; }
footer .nav-link { border: 1px solid #e2e2e2; padding: 10px; }
footer .nav-link a { color: #aaaaaa; display: inline-block; }
footer .nav-link a:hover { color: #888888; }
footer .copyright { padding: 20px 10px 30px; }
footer .copyright p { margin: 2px; }
footer .copyright span { display: inline-block; margin: 0 10px; }

.about-content { margin: 0 15px; }

.slider { margin-bottom: 10px; }

.product-article { padding-left: 15px; border-left: 1px dotted #dddddd; }

#page { text-align: right; }

.liuyan .input-group, .liuyan textarea { margin-bottom: 8px; }

h1.title { margin-top: 0; }

.date-info { color: #999999; }
.date-info span { margin-right: 15px; }

#map { height: 300px; }

.scroll-text { overflow: hidden; height: 128px; }

@media (max-width: 1169px) { .main-box { width: 1000px; }
  .navbar-style { font-size: 18px; }
  .navbar-style .navbar-nav > li > a { padding-left: 20px; padding-right: 20px; } }
@media (max-width: 969px) { .search { margin-top: 5px; }
  .main-box { width: 760px; padding-left: 20px; padding-right: 20px; }
  .navbar-style { font-size: 15px; }
  .navbar-style .navbar-nav > li > a { padding-left: 12px; padding-right: 12px; }
  footer { margin: 0 -20px; }
  .product-absolute { position: relative; } }
@media (max-width: 767px) { .zhaopin table { font-size: 12px; }
  .xs-center { margin: auto; }
  .xs-center .table-cell { vertical-align: middle; width: 50%; }
  .info span { margin: 0 4px; }
  .main-box { width: auto; }
  .product-article { border-left: none; } }
@media (max-width: 479px) {
   /* #logo img { width: 60px; } */
  .name2 img {max-width: 100%;}
  .main-box { min-width: 320px; padding-left: 15px; padding-right: 15px; }
  .heading2 h2 { font-size: 24px; }
  .heading2 .more { margin-top: 10px; }
  footer { margin: 0 -15px; font-size: 12px; }
  .navbar-style .navbar-brand { font-size: 14px; line-height: 27px; padding: 10px 0px 10px 10px; }
  .navbar-style .navbar-toggle { margin-right: 8px; padding: 2px 5px; }
  .carousel-controls { top: -55px; }
  .carousel-controls .carousel-control { height: 28px; width: 28px; line-height: 28px; text-align: center; font-size: 18px; }
  .date { display: none; } }

@media (max-width: 767px){
  #menu1{
    display: none;
  }
}
@media (max-width: 991px){
  header .table{
    table-layout: fixed;
  }
  .name1 img{
    max-width: 100%;
  }
}
@media (max-width: 767px){
  #logo img{
    max-width: 100%;
  }
}
#frm a{
  color: #333}
#frm a:hover{
  color: #dc1e27}
#frm .se{
  color: #dc1e27;
  text-decoration: underline;}